﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>日本直邮</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="css/sm.css">
    <link rel="stylesheet" href="css/sm-extend.css">
    <link rel="stylesheet" href="css/myStyle.css">
    <script type="text/javascript" src="js/zepto.js" charset="utf-8"></script>
    <script type="text/javascript" src="js/sm.js" charset="utf-8"></script>
    <script type="text/javascript" src="js/sm-extend.js" charset="utf-8"></script>
 <style>
.pop{
    margin:0px auto;
    /* border:1px solid red; */
    width:94%;
    padding-left:4%;
}
 .pop li{
     list-style: none;
     display: inline-block;
     /* border:1px solid red; */
     text-align: center;
     height:2.2rem;
     line-height: 2.2rem;
     width:18%;
 }
 .pop li a{
 color:#555;
 font-size:.7rem;
 display: inline-block;
 }
 .qiehuan{
     color:red;
     border-bottom:1px solid red;
 }
 </style>
</head>
<body>
  <div class="content1">  
    <!-- 导航 -->
    
    <div class="buttons-tab" style="top:0rem" id="lone">
      <a class="icon icon-left pull-left open-panel detail_icon1"style="color:#999" href="javascript:history.go(-1)" ></a>
      <!-- <a href="#shopping" class="tab-link active button">商品</a>
      <a href="#assess" class="tab-link button">评价</a>
      <a href="#xinxi" class="tab-link button">详情</a>
      <a href="#tuij" class="tab-link button">推荐</a>  -->
      <ul class="pop">
            <li  style="border-bottom:1px solid #f55777;" id="shangpin"><a href="#5_1" title="" style="color:#ff5777;">商品</a></li>
            <li id="pingjia"><a href="#5_2" title="">评价</a></li>
            <li id="xiangqing"><a href="#5_3" title="">详情</a></li>
            <li id="tuijian"><a href="#5_4" title="">推荐</a></li>
        
            <li><a class="icon icon-cart pull-cart open-panel detail_cart" href="carts.html" style="font-size:1rem;"></a>
        </li>
    </ul>
    </div> 
    <div class="content">
      <!-- 商品 -->     
     
      <div class="tab1" id="5_1">
        <div class="tab1_top"> 
          <div class="pic_nav">
            <img src="image/nav4.jpg"/>
            <!-- <img src="image/nav2.jpg"/> -->
            <!-- <img src="image/nav3.jpg"/> -->
          </div>  
          <div class="goods_jieshao">
            <p>【日本】进口零食夹心饼干三种口味组合装夹心蛋卷焦糖饼干零食</p>
            <p>￥50.00</p>
            <!-- <p>免邮费</p> -->
            <p><span>日本品牌</span><span>进口税：</span><span>预计￥10.12</span></p>
            <div class="youhui">
              <span>72小时发货</span>
              <span>7天无理由退货</span>
              <span>退货补运费</span>
              <!-- <a class="icon icon-right pull-right open-panel" href="#"></a> -->
            </div>           
          </div> 
        </div>
        <div class="size">
          <span>请选择</span><span>颜色</span><span>尺寸</span>
          <a class="icon icon-right pull-right open-panel colorSize" href="#"></a>    
        </div>
        <div class="canshu" id="5_2">
          <span>尺码表</span> & <span>商品参数</span>
          <a class="icon icon-right pull-right open-panel productSize" href="#"></a>
        </div>  
      </div>
      <!-- 评价 -->  
      <!-- <div  id="5_2"><br /><br/></div>     -->
      <div class="pingjia">
        <div class="dianping">
            <span >评价</span>
       </div>             
        <div class="pingjia_all" >
          <span>买家评价 2723</span>
          <span>|</span>
          <span> 销量 8946</span>
          <a class="icon icon-right pull-right open-panel" href="my-assess.html"></a>
        </div>
        <div class="buyer_pingjia">
          <span>123***980</span>
          <p>商品很不错，值得购买！</p>
            <span>193***920</span>
            <p>商品很不错，值得购买！</p>
            <span>113***201</span>
            <p  id="5_3">商品很不错，值得购买！</p>
        </div>          
      </div>
      <!-- 详情 -->
      <div class="xiangqing" >
          <div class="shangping_xiangqing">
              <span >详情</span>
         </div>             
          <div class="xiangqing_all">
            <!-- <span>效果图</span> -->
            <img src="image/1.jpg"/>
            <img src="image/2.jpg"/>
            <img src="image/3.jpg"/>
            <img src="image/4.jpg"/>
            <img src="image/5.jpg"/>
            <img src="image/6.jpg"/>
            <img src="image/7.jpg"/>
            <img src="image/8.jpg"/>
            <img src="image/9.jpg"/>
            <img src="image/10.jpg"/>
            <img src="image/11.jpg"/>
            <img src="image/12.jpg"  id="5_4"/>
          </div>     
   
      </div>
   
      <!-- 推荐 -->
        <div class="tuijian">
            <div class="foods_tuijian">
              <span >推荐</span>
            </div> 
            <div class="tuijian_all">
                <div class="details">
                  <div class="image">
                     <img src="image/baixiangguo.jpg" />
                  </div>  
                  <p>日本进口达诗巧克力42g </p>
                  <p>一款经典的巧克力散发着无法抵挡的诱惑。</p>
                  <p>￥32.00</p>
                  <p class="fr">销量：3109</p>
                </div>
                <div class="details">
                  <div class="image">
                    <img src="image/chelizi.jpg" />
                  </div>  
                  <p>日本进口达诗巧克力42g </p>
                  <p>一款经典的巧克力散发着无法抵挡的诱惑。</p>
                  <p>￥29.00</p>
                  <p class="fr">销量：3109</p>
                </div>
                <div class="details">
                  <div class="image">
                    <img src="image/guogan.jpg" />
                  </div>  
                  <p>日本进口达诗巧克力42g </p>
                  <p>一款经典的巧克力散发着无法抵挡的诱惑。</p>
                  <p>￥39.00</p>
                  <p class="fr">销量：3109</p>
                </div>
                <div class="details">
                  <div class="image">
                    <img src="image/jinkoushuiguo.jpg" />
                  </div>  
                  <p>日本进口达诗巧克力42g </p>
                  <p>一款经典的巧克力散发着无法抵挡的诱惑。</p>
                  <p>￥49.00</p>
                  <p class="fr">销量：3109</p>
                </div>
                <div class="details">
                  <div class="image">
                     <img src="image/pingguo.jpg" />
                  </div>  
                  <p>日本进口达诗巧克力42g </p>
                  <p>一款经典的巧克力散发着无法抵挡的诱惑。</p>
                  <p>￥32.00</p>
                  <p class="fr">销量：3109</p>
                </div>
                <div class="details">
                  <div class="image">
                     <img src="image/qiyiguo.jpg" />
                  </div>  
                  <p>日本进口达诗巧克力42g </p>
                  <p>一款经典的巧克力散发着无法抵挡的诱惑。</p>
                  <p>￥32.00</p>
                  <p class="fr">销量：3109</p>
                </div>
            </div>
        </div>
      <!-- 加入购物车等 -->
        <div class="xuanxiang clearfix">
            <span class="shoucang fl" id="coll">收藏</span>
            <span class="gouwuche fl">加入购物车</span>
            <span class="goumai fr">立即购买</span>

        </div>      
    </div>
  </div>
  <!-- 弹框 -->
  <div class="cover" id="cover"></div>
  <!-- 加入购车 -->
  <div class="choose different" >
    <div class="choose2">
      <div class="cover_top clearfix">
          <img src="image/nav2.jpg" class="fl" />
          <div class="description fl">
            <p>￥128</p>
            <p style="font-size:.6rem;">库存574 件</p>
            <p style="font-size:.2rem;">选择 口味分类 规格</p>
          </div>
          <div class="fr"></div>
      </div>
      <ul>
          <h3>口味分类</h3>
          <li>
              草莓味
          </li>
          <li>
              巧克力味
          </li>
          <li>
              香蕉味
          </li>
          <li>
              原味
          </li>
      </ul>
      <ul>
          <h3>尺寸</h3>
          <li>
              1kg
          </li>
          <li>
              500g
          </li>
          <li>
              250g
          </li>
      </ul>
      <div class="buy_num clearfix">
          <h3 >数量</h3>
          <div class="clearfix">
              <input type="button" class="fl" value="-" id="reduce"/>
              <input  value="1"  class="fl" id="num"/>
              <input type="button"  class="fl" value="+" id="add" />
          </div>
      </div>
     </div>
     <input type="submit" value="确 定" id="jiaru"/>
  </div>
  <!-- 立即购买 -->
  <div class="different liji liji1 " >
    <div class="choose2">
      <div class="cover_top clearfix">
          <img src="image/nav2.jpg" class="fl" />
          <div class="description fl">
            <p>￥128</p>
            <p>库存574 件</p>
            <p>选择 口味分类 规格</p>
          </div>
          <div class="fr"></div>
      </div>
      <ul>
          <h3>口味分类</h3>
          <li>
              草莓味
          </li>
          <li>
              巧克力味
          </li>
          <li>
              香蕉味
          </li>
          <li>
              原味
          </li>
      </ul>
      <ul>
          <h3>尺寸</h3>
          <li>
              1kg
          </li>
          <li>
              500g
          </li>
          <li>
              250g
          </li>
      </ul>
      <div class="buy_num clearfix">
          <h3 >数量</h3>
          <div class="clearfix">
              <input type="button" class="fl" value="-" id="reduce" onclick="reduce"/>
              <input  value="1"  class="fl" id="num"/>
              <input type="button"  class="fl" value="+" id="add" />
          </div>
      </div>
     </div>
     <input type="button" value="确 定" id="jiesuan" />
  </div>
  <!-- 服务说明 -->

   <!-- 规格上滑效果 -->

    <script src="js/jquery.js"></script>
    <script src="js/help.js"></script>

<!-- 规格上滑效果 -->
</body>
</html>
